<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<style type="text/css">
</style>
<script type="text/javascript" src="js/menu-tab.js">
	
</script>

<form id="healthMainForm" name="healthMainForm" action="" method="post">
	<div style="margin: 30px 0px 2px 50px; font-size: 30px;">음식 영양</div>
	<div id="healthMain-contents">
		<div id="tab-main-contents">
			<div id="food-navi">
				<div id="food-navi-sidebar">
					<fieldset>
						<legend>섭취목적</legend>
						<div>
							<p>
								<a href="javascript:foodchoice(null,null, null);">전체</a>
							</p>
							<p>
								<a href="javascript:foodchoice('A',null, null);">음식</a>
							</p>
							<p>
								<a href="javascript:foodchoice('B',null, null);">영양식</a>
							</p>
							<p>
								<a href="javascript:foodchoice('C',null, null);">간편식</a>
							</p>
							<p>
								<a href="javascript:foodchoice('D',null, null);">다이어트식</a>
							</p>
						</div>
					</fieldset>
				</div>
			</div>
			<div id="food1">
				<fieldset>
					<legend>음식종류</legend>
					<div>
						<c:forEach var="foodClass" items="${foodClassList }">
							<p>
								<a
									href="javascript:foodchoice('${foodchoice.foodIngestPurpose }','${foodClass.foodClass }',null);">${foodClass.foodClass
									}</a>
							</p>
						</c:forEach>
					</div>
				</fieldset>
			</div>
			<div id="food2">
				<fieldset>
					<legend>음식 분류</legend>
					<div>
						<c:forEach var="foodClassfication"
							items="${foodClassficationList }">
							<p>
								<a
									href="javascript:foodchoice('${foodchoice.foodIngestPurpose }','${foodchoice.foodClass }','${foodClassfication.foodClassfication }');">${foodClassfication.foodClassfication
									}</a>
							</p>
						</c:forEach>
					</div>
				</fieldset>
			</div>
			<div id="food3">
				<fieldset>
					<legend>음식</legend>
					<div>
						<c:forEach var="food" items="${foodList }">
							<p>
								<a href="javascript:foodInformationView(${food.foodNo });">${food.foodName }</a>
							</p>
						</c:forEach>
					</div>
				</fieldset>
			</div>
			<div id="food-information">
				<fieldset>
					<legend>음식 정보</legend>
					<div id="food-informationView">
						<form>
							<div></div>
							<input type="submit" value="추가">
						</form>
					</div>
				</fieldset>
			</div>
		</div>
	</div>
</form>